<template>
  <div>
    <component
      v-for="(item, index) in comps"
      :key="index"
      :is="item"
    ></component>
  </div>
</template>

<script>
export default {
  name: "n-module",
  components: {
    bmenu: () => import("./nmodule/bmenu"),
    resident: () => import("./nmodule/resident"),
    imporLayer: () => import("./nmodule/imporLayer"),
    gkdetails: () => import("./nmodule/gkdetails"),
    gsjcLayer: () => import("./nmodule/gsjcLayer"),
    zhmpLayer: () => import("./nmodule/zhmpLayer"),
    girdLayer: ()=> import("./nmodule/girdLayer"),
    eventDialog: ()=> import("./nmodule/eventDialog"),
    ddAssign: ()=> import("./nmodule/ddAssign"),
    handleEventDialog: ()=> import("./nmodule/handleEventDialog"),
    zszh: ()=> import("./nmodule/zszh"),
    warningDetails: ()=> import("./nmodule/warningDetails"),
    handeldCommand: ()=> import("./nmodule/handeldCommand"),
    eventCenterDetails: ()=> import("./nmodule/eventCenterDetails"),
    callVideo: ()=> import("./nmodule/callVideo"),
  },
  data() {
    return {
      comps: [],
    };
  },
  mounted() {
    this.comps = this.$store.state.nmodule;
  },
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
</style>
